<template>
    <Child v-model:foo="foo" v-model:count="count" />
</template>

<script>
import { reactive, toRefs } from 'vue';
import Child from './05-Vmodel-child';

export default {
    components: {
        Child,
    },
    setup () {
        const state = reactive({
            foo: 'zs',
            count: 1,
        });
        return {
            ...toRefs(state),
        };
    },
};
</script>

<style>

</style>
